<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 
<title>澎湃首页</title>
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/animations.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/test.css">
<link rel="stylesheet" href="css/css.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate.min.js"></script>
<script src="js/script.js"></script>
<script src="js/js.js"></script>
<!--[if lt IE 9]>
<script src="https:// oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
</script>
<script src="https:// oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
</script>
<![endif]-->

</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false"> 
<!--wrap-->
<div class="wrap">

<!--头部-->
<div class="header ww h80 bg0D0D0D">
	<div class="container">
		<div class="row">
			<div class="col-xs-10 col-sm-6 col-md-4 col-lg-4 h80 rel">
				<a href="###" class="db pull-left logo" target="_blank"></a>
				
				<div class="pull-left h80 sele hidden-xs btn-a6 curPo rel"> 
					<i class="db pull-left mgr10"></i>
					<div class="db pull-right h80 lh80 fs14 corw">视频标签 <img class="w8 mgl5" src="images/12.png" alt=""></div>
				
					<div class="pk1 abs z20 dn">
						<i class="w12 db"><img class="ww" src="images/26-1.png" alt=""></i>
						<p class="fs18 mdf16 xsf14 corFF7319 fb text-center">大家都在搜</p>
						<div class="hr1 mgt12 mgb10"></div>
						<div class="ovh">
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
						</div>
					</div>
				</div>
				
				
			</div>
			<div class="col-xs-2 col-sm-6 col-md-8 col-lg-8 h80 rel">
				<a class="nBtn nBtn1" href="###"></a>
					
				<div class="oDiv">
					<div class="oDiv1 dn">
						<p class="fs28 mdf24 smf20 xsf18 corff7319 mgb10">大家都在搜</p>
						<div class="ovh">
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
						</div>
					</div>
					<ul class="nDiv">
						<li><a href="###">首页</a></li>
						<li><a href="###" target="_blank">宣传片</a></li>
						<li><a href="###" target="_blank">纪录片</a></li>
						<li class="active"><a href="###" target="_blank">策划案例</a></li>
						<li><a href="###" target="_blank">平面广告</a></li>
						<li><a href="###" target="_blank">传播</a></li>
						<li><a href="###" target="_blank">公司介绍</a></li>
						<li><a href="###" target="_blank">联系我们</a></li>			
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!--头部END-->


<!--首页轮播图-->
<div class="container-fluid pd0 k1">
	<div class="swiper-container" id="swiper1">
		<div class="swiper-wrapper">
			<div class="swiper-slide"> 
				<a href="###" class="k1-a" target="_blank">
					<img src="images/1-1a.jpg" alt="">
					<div class="abs ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="2s">
					<!--<div class="abs">-->	
					<img class="center-block db" src="images/1-4.png" alt="">
						<p class="fs40 mdf30 smf20 xsf14 corw text-center mgt10">捕捉时代灵魂</p>
					</div>
				</a> 
			</div>
			<div class="swiper-slide"> 
				<a href="###" class="k1-a" target="_blank">
					<img src="images/1-1a.jpg" alt="">
					<div class="abs ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="2s">
						<img class="center-block db" src="images/1-4.png" alt="">
						<p class="fs40 mdf30 smf20 xsf14 corw text-center mgt10">捕捉时代灵魂</p>
					</div>
				</a> 
			</div>
			<div class="swiper-slide"> 
				<a href="###" class="k1-a" target="_blank">
					<img src="images/1-1a.jpg" alt="">
					<div class="abs ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="2s">
						<img class="center-block db" src="images/1-4.png" alt="">
						<p class="fs40 mdf30 smf20 xsf14 corw text-center mgt10">捕捉时代灵魂</p>
					</div>
				</a> 
			</div>
		</div>
		<div class="swiper-pagination swiper-pagination1"><!--分页器--></div>
		<div class="swiper-button-next swiper_btnNext"></div>
		<div class="swiper-button-prev swiper_btnPrev"></div>         
	</div>
</div>
<!--首页轮播图END-->
<script> 
$(function(){
	var swiper1 = new Swiper('#swiper1', {
		loop:true,
		speed:1300, 
		autoplay: {
			delay: 2500,
			disableOnInteraction: false,
		},
		on:{  
			init: function(){  
				swiperAnimateCache(this); 
				swiperAnimate(this);
			},  

			slideChange: function(){  
				swiperAnimate(this);
			}  
		},
		pagination: {
			el: '.swiper-pagination1',
			clickable: true,
		},
		navigation: {
            nextEl: '.swiper_btnNext',
            prevEl: '.swiper_btnPrev',
        },
		
		observer: true,
        observeParents: true 
	});
	swiper1.el.onmouseover = function(){
		swiper1.autoplay.stop();
	};
	swiper1.el.onmouseout = function(){
		swiper1.autoplay.start();
	};
});	
</script>

<!--宣传片-->
<div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ovh pd0 mgt37 xsmgt10">
				<a href="###" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10 active" target="_blank" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k2-1 rel radius10">
						<img class="ww radius10" src="images/2-1.png" alt="">
						<div class="abs">
							<div class="k2-2 abs">
								<p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">宣传片</p>
								<p class="text-center center-block radius12 corw fs12">点击查看</p>
							</div>
						</div>
					</div>
				</a>
				<a href="###" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k2-1 rel radius10">
						<img class="ww radius10" src="images/2-2.png" alt="">
						<div class="abs">
							<div class="k2-2 abs">
								<p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">纪录片</p>
								<p class="text-center center-block radius12 corw fs12">点击查看</p>
							</div>
						</div>
					</div>
				</a>
				<a href="###" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k2-1 rel radius10">
						<img class="ww radius10" src="images/2-3.png" alt="">
						<div class="abs">
							<div class="k2-2 abs">
								<p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">策划案例</p>
								<p class="text-center center-block radius12 corw fs12">点击查看</p>
							</div>
						</div>
					</div>
				</a>
				<a href="###" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k2-1 rel radius10">
						<img class="ww radius10" src="images/2-4.png" alt="">
						<div class="abs">
							<div class="k2-2 abs">
								<p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">平面广告</p>
								<p class="text-center center-block radius12 corw fs12">点击查看</p>
							</div>
						</div>
					</div>
				</a>
				<a href="###" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1800">
					<div class="k2-1 rel radius10">
						<img class="ww radius10" src="images/2-5.png" alt="">
						<div class="abs">
							<div class="k2-2 abs">
								<p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">传播</p>
								<p class="text-center center-block radius12 corw fs12">点击查看</p>
							</div>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</div>
<!--宣传片END-->

<!--热播视频-->
<div class="mgt37 xsmgt10">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">热播视频</span>HOT BROADCAST VIDEO <a href="###" class="btn-a dinb pull-right ">查看更多</a></div>
		</div>
		<div class="row xsmgt10">
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--热播视频END-->

<div class="mgt30 xsmgt20" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
	<a href="###" class="db hov8"><img class="ww db" src="images/4.png" alt=""></a>
</div>

<!--宣传片-->
<div class="mgt37 xsmgt10">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">宣传片</span>TRAILER<a href="###" class="btn-a dinb pull-right">查看更多</a></div>
		</div>
		<div class="row xsmgt10">
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--宣传片END-->

<!--记录片片-->
<div class="mgt37 xsmgt10">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">记录片</span>DOCUMENTARY<a href="###" class="btn-a dinb pull-right">查看更多</a></div>
		</div>
		<div class="row xsmgt10">
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--记录片END-->

<!--策划案例-->
<div class="mgt37 xsmgt10">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">策划案例</span>PLANNING CASE<a href="###" class="btn-a dinb pull-right hov8">查看更多</a></div>
		</div>
		<div class="row xsmgt10">
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--策划案例END-->

<!--平面广告-->
<div class="mgt37 xsmgt10">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">平面广告</span>FLATADVERTISING<a href="###" class="btn-a dinb pull-right hov8">查看更多</a></div>
		</div>
		<div class="row xsmgt10">
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
					<div class="k3-1 rel">
						<img src="images/3-1.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
					<div class="k3-1 rel">
						<img src="images/3-2.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">微观世界</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
					<div class="k3-1 rel">
						<img src="images/3-3.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
			<div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
				<div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1600">
					<div class="k3-1 rel">
						<img src="images/3-4.png" alt="">
						<div class="abs k3-1a"><img class="w9" src="images/3.png" alt=""></div>
						<div class="abs k3-1b">01:30</div>
					</div>
					<div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
						<p class="cor4">小片看格局 大片看细节</p>
						<div class="mgt15 xsmgt10">
							<a href="###" class="dinb k3-2a fs12 cor6 btnn">最新出炉</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--平面广告END-->

<!--我要拍片-->
<div class="k4 pdt112 pdb100 xspdt30 xspdb30 mgt37 xsmgt30">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
				<div class="fs30 mdf24 smf20 xsf16 corw"><img class="w37 mgr15" src="images/5-1.png" alt="">我要拍片</div>
				<p class="mgt30 xsmgt10 corw">请您留下需求信息，我们将主动给予联络</p>
			</div>
		</div>
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
			<form action="#">
				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
					<input id="tname" class="db ww h52 lh52 corw fs14 borw pdl15"  type="text" placeholder="请输入您的称呼（必填）">
				</div>
				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
					<input id="mobile" class="db ww h52 lh52 corw fs14 borw pdl15"  type="tel" placeholder="请输入您的电话（必填">
				</div>
				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
					<input id="company" class="db ww h52 lh52 corw fs14 borw pdl15" type="text" placeholder="请输入您的公司">
				</div>
				
				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt45 xsmgt20 col-xs-offset-0 col-sm-offset-4 col-md-offset-4 col-lg-offset-4">
					<input style="cursor: pointer;" id="submit" class="db ww h52 lh52 corw fs18 bgFF7116 pdl15 red_button" type="submit" value="确定提交">
				</div>
			</form>
		</div>
	</div>
</div>
<!--我要拍片END-->
<script>

	
$('#submit').click(function(){

  var tname=$("#tname").val();
  if(tname==''){
	  alert('称呼不能为空！'); 
	  return false;
  }

 var mobile=$("#mobile").val();
  var mobile_regex = /^1[3,5,6,7,8,9]\d{9}$/;
  if (!mobile_regex.test(mobile)) {
	  alert('请输入11位手机号码！'); 
	  return false;
  }
	
});
</script>

<!--底部-->
<div class="pdt45 xspdt30 footer bgw">
	<div class="fTop hidden-xs" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="foot1">
						<a href="###" class="db"><img class="w118" src="images/5-2.png" alt=""></a>
						<p class="mgt23 cor878787 fs14 lh26">澎湃传媒，于2014年3月18日在深圳市福田区注册成立，全称为深圳市澎湃传媒有限公司，主业为大型项目创意执行、影视创作、VR制作、动漫创作，以及渠道传播。</p>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 xsmgt20">
					<div class="foot2 ovh">
						<div class="pull-left mgr80">
							<p class="fs18 cor4">服务</p>
							<div class="mgt6">
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">宣传片</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">记录片</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">策划案例</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">平面广告</a>
							</div>
						</div>
						<div class="pull-left xsmgt20">
							<p class="fs18 cor4">联系我们</p>
							<div class="mgt6">
								<p class="fs14 mgt18 hov8 cor878787">工作时间 <span>9:00-18:00 (周一至周五)</span></p>
								<p class="fs24 mdf20 smf16 mgt10 hov8 corFF7116">0755-88888888</p>
								<p class="fs14 mgt12 hov8 cor878787">邮箱：<span>904815761@qq.com</span></p>
								<p class="fs14 mgt18 hov8 cor878787">地址：<span>深圳市福田区雨田路莲丰大厦</span></p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 xsmgt20">
					<div class="foot3 ovh">
						<div class="pull-left ww50">
							<img class="center-block" src="images/5-3.png" alt="">
							<p class="text-center cor4 mgt10">公众号</p>
						</div>
						<div class="pull-left ww50">
							<img class="center-block" src="images/5-3.png" alt="">
							<p class="text-center cor4 mgt10">WAP站</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="hr1 mgt60 xsmgt20 hidden-xs"></div>
	<div class="fBottom">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 pdt14 pdb14 lh24 text-center cor878787 xsf12"><span class="sp2"> Copyright ©2017-2018</span> 深圳澎湃传媒有限公司 版权所有网站备案/许可证号 粤ICP备16027072号</div>
			</div>
		</div>
	</div>
</div>
<!--底部END-->





</div>
<!--wrap End-->
</body>
</html>